<!-- navbar header -->
<div class="navbar-header {{app.settings.navbarHeaderColor}} font-chinese">
    <!--<button class="btn m-b-xs btn-sm btn-primary btn-addon"><i class="fa fa-plus"></i>Primary</button>-->
    <button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
        <i class="glyphicon glyphicon-cog fa-spin"></i>
    </button>
    <button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
        <i class="glyphicon glyphicon-align-justify"></i>
    </button>
    <!-- brand -->
    <a href="#/" class="navbar-brand text-lt ">
        <i class="fa fa-btc"></i>
        <span class="hidden-folded m-l-xs ">{{app.name}}</span>
    </a>
    <!-- / brand -->
</div>
<!-- / navbar header -->

<!-- navbar collapse -->
<div class="collapse pos-rlt navbar-collapse box-shadow font-chinese {{app.settings.navbarCollapseColor}}">
    <!-- buttons -->
    <div class="nav navbar-nav hidden-xs">
        <a href class="btn no-shadow navbar-btn" ng-click="app.settings.asideFolded = !app.settings.asideFolded">
            <i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>
        </a>
        <!--<a href class="btn no-shadow navbar-btn" ui-toggle-class="show" target="#aside-user">
          <i class="icon-user fa-fw"></i>
        </a>-->
    </div>
    <!-- / buttons -->

    <!-- link and dropdown -->
    <ul class="nav navbar-nav" >
        <li class="dropdown" dropdown title="切换环境">
          <a href class="dropdown-toggle" dropdown-toggle>
              当前环境：<span class="font-bold " ng-repeat="env in _userinfo.envs" ng-if="_userinfo.currentEnv == env.key">{{env.name}}</span> <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" role="menu" style="min-width:200px;">
            <li ng-repeat="env in _userinfo.envs" >
                <a ng-click="switchEnv(env.key)">
                    <span >{{env.name}}</span><span ng-if="_userinfo.currentEnv == env.key" class="badge bg-info pull-right">当前</span>
                </a>
            </li>
          </ul>
        </li>
    </ul>
    <!-- / link and dropdown -->

    <!-- search form -->
    <!--<form class="navbar-form navbar-form-sm navbar-left shift" ui-shift="prependTo" target=".navbar-collapse" role="search" ng-controller="TypeaheadDemoCtrl">
      <div class="form-group">
        <div class="input-group">
          <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control input-sm bg-light no-border rounded padder" placeholder="Search projects...">
          <span class="input-group-btn">
            <button type="submit" class="btn btn-sm bg-light rounded"><i class="fa fa-search"></i></button>
          </span>
        </div>
      </div>
    </form>-->
    <!-- / search form -->

    <!-- nabar right -->
    <ul class="nav navbar-nav navbar-right">
        <!--语言选择-->
        <!--<li class="dropdown hidden-sm" is-open="lang.isopen" dropdown>
          <a href class="dropdown-toggle" dropdown-toggle>
            {{selectLang}} <b class="caret"></b>
          </a>
          &lt;!&ndash; dropdown &ndash;&gt;
          <ul class="dropdown-menu animated fadeInRight w">
            <li ng-repeat="(langKey, label) in langs">
              <a ng-click="setLang(langKey, $event)" href>{{label}}</a>
            </li>
          </ul>
          &lt;!&ndash; / dropdown &ndash;&gt;
        </li>-->
        <li class="hidden-xs">
            <a ui-fullscreen></a>
        </li>
        <!--<li class="dropdown" dropdown>
          <a href class="dropdown-toggle" dropdown-toggle>
            <i class="icon-bell fa-fw"></i>
            <span class="visible-xs-inline">Notifications</span>
            <span class="badge badge-sm up bg-danger pull-right-xs">2</span>
          </a>
          &lt;!&ndash; dropdown &ndash;&gt;
          <div class="dropdown-menu w-xl animated fadeInUp">
            <div class="panel bg-white">
              <div class="panel-heading b-light bg-light">
                <strong>You have <span>2</span> notifications</strong>
              </div>
              <div class="list-group">
                <a href class="media list-group-item">
                  <span class="pull-left thumb-sm">
                    <img src="img/a0.jpg" alt="..." class="img-circle">
                  </span>
                  <span class="media-body block m-b-none">
                    Use awesome animate.css<br>
                    <small class="text-muted">10 minutes ago</small>
                  </span>
                </a>
                <a href class="media list-group-item">
                  <span class="media-body block m-b-none">
                    1.0 initial released<br>
                    <small class="text-muted">1 hour ago</small>
                  </span>
                </a>
              </div>
              <div class="panel-footer text-sm">
                <a href class="pull-right"><i class="fa fa-cog"></i></a>
                <a href="#notes" data-toggle="class:show animated fadeInRight">See all the notifications</a>
              </div>
            </div>
          </div>
          &lt;!&ndash; / dropdown &ndash;&gt;
        </li>-->
        <li class="dropdown" dropdown>
            <a href class="dropdown-toggle clear" dropdown-toggle>
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <img ng-src="{{_userinfo.headImg || 'img/a0.jpg'}}" alt="账户管理">
                <i class="on md b-white bottom"></i>
              </span>
                <span class="hidden-sm hidden-md">{{_userinfo.name}}</span> <b class="caret"></b>
            </a>
            <!-- dropdown -->
            <ul class="dropdown-menu animated fadeInRight w">
                <li class="wrapper b-b m-b-sm bg-light m-t-n-xs">
                    <div style="text-align:center">
                        <span class="badge bg-success" style="margin-left:1em;">{{_userinfo.name}}</span>
                    </div>
                </li>
                <li >
                    <a ui-sref="app.personalinfo">个人信息</a>
                </li>
                <!--<li>
                    <a ui-sref="app.accountinfo">个人账户</a>
                </li>-->
                <li>
                    <a ui-sref="app.modifypwd">修改密码</a>
                </li>
                <li>
                    <a ui-sref="app.logout">退出登录</a>
                </li>
            </ul>
            <!-- / dropdown -->
        </li>
    </ul>
    <!-- / navbar right -->

</div>
<!-- / navbar collapse -->